<template>
  <div>
    <div class="w100 mt-20 bgff br-20 p-all-20 mb-20">
          <div class="w100 rowsc rowsm col333 fs-20 fw-b mb-20">劳动教育考核方案</div>
          <div class="fs-16 col666 mb-10">劳动总成绩=理论成绩×20%+实践成绩×80%</div>
          <div class="fs-16 col666">实践成绩=基础劳动成绩×60%+劳动总结报告成绩×20%+社会公益劳动成绩×10%+劳动成果成绩×10%</div>
        </div>

        <div class="w100 bgff br-20 mb-30">
          <div class="w100 rowsc rowsm h-60">1.实践成绩</div>
          <div class="w100 rows rowsm h-50">
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w-100" style="background-color: rgba(227, 54, 54, .1);">类型</div>
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w-170" style="background-color: rgba(227, 54, 54, .1);">基础劳动</div>
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w-170" style="background-color: rgba(227, 54, 54, .1);">劳动总结报告</div>
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w-170" style="background-color: rgba(227, 54, 54, .1);">社会公益劳动</div>
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w-170" style="background-color: rgba(227, 54, 54, .1);">劳动成果</div>
            <div class="rowsc rowsm col333 fs-20 fw-b h100 w100" style="background-color: rgba(227, 54, 54, .1);">实践成绩</div>
          </div>
          <div class="w100 rows rowsm h-50">
            <div class="rowsc rowsm fs-20 h100 w-100 bgff" style="">原始成绩</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;" @click="changeScoreIndex(1)">80</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;" @click="changeScoreIndex(3)">90</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;" @click="changeScoreIndex(4)">90</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;" @click="changeScoreIndex(5)">80</div>
            <div class="rowsc rowsm fs-20 h100 w100 bgff" style="">/</div>
          </div>

          <div class="w100 rows rowsm h-50">
            <div class="rowsc rowsm col333 fs-20 h100 w-100 bgff" style="background-color: rgba(227, 227, 227, .47)">权重因子</div>
            <div class="rowsc rowsm col333 fs-20 h100 w-170 bgff" style="background-color: rgba(227, 227, 227, .47)">60%</div>
            <div class="rowsc rowsm col333 fs-20 h100 w-170 bgff" style="background-color: rgba(227, 227, 227, .47)">20%</div>
            <div class="rowsc rowsm col333 fs-20 h100 w-170 bgff" style="background-color: rgba(227, 227, 227, .47)">10%</div>
            <div class="rowsc rowsm col333 fs-20 h100 w-170 bgff" style="background-color: rgba(227, 227, 227, .47)">10%</div>
            <div class="rowsc rowsm col333 fs-20 h100 w100 bgff" style="background-color: rgba(227, 227, 227, .47)">/</div>
          </div>

          <div class="w100 rows rowsm h-50">
            <div class="rowsc rowsm fs-20 h100 w-100 bgff" style="">折算成绩</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;">48</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;">18</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;">9</div>
            <div class="rowsc rowsm fs-20 h100 w-170 bgff" style="color: #E33636;">18</div>
            <div class="rowsc rowsm fs-20 h100 w100 bgff" style="">93</div>
          </div>
        </div>

        <div class="w100 bgff br-20 mb-30">
          <div class="w100 rowsc rowsm h-60">2.理论成绩</div>
          <div class="w100 h-50 rowsb rowsm">
            <div class="h100 rowsc rowsm col333 fs-20" style="width: 50%;background-color: rgba(227, 54, 54, .1);">理论成绩</div>
            <div class="h100 rowsc rowsm col333 fs-20" style="width: 50%;background-color: rgba(227, 227, 227, .47);" @click="active = 11">90</div>
          </div>
        </div>

        <div class="w100 bgff br-20">
          <div class="w100 rowsc rowsm h-60">3.劳动教育总成绩</div>
          <div class="w100 h-50 rows rowsm" style="background-color: rgba(227, 54, 54, .1);">
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">劳动总成绩</div>
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">理论成绩x20%</div>
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">实践成绩x80%</div>
          </div>
          <div class="w100 h-50 rows rowsm bgff">
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">92</div>
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">18</div>
            <div class="rowsc rowsm col333 fs-20" style="width: 33.3%;">74</div>
          </div>
          
        </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        changeScoreIndex(i){
            this.$emit('changeScoreIndex',i)
        }
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
</style>